/**
 * @Author:周邱艳
 * @Date:2020/6/30
 * @Description:这是首页的热点新闻
 */
import React,{Component} from "react";
import { Carousel,List ,Badge,Card } from 'antd-mobile';
const Item = List.Item;
const Brief = Item.Brief;
export default class Announcement extends Component{
    state = {
        disabled: false,
    }
    render() {
        return (
            <div >
                <Card>
                    <Card.Header
                        title="热点新闻"
                    />
                    <Card.Body style={{height:"80px"}}>
                        <div>
                            <List.Item  arrow="horizontal">
                                <Badge text={0} style={{ marginLeft: 12 }}>组合热潮时期到来了！</Badge>
                                <Badge text={'爆'} style={{ marginLeft: 12 }} />
                            </List.Item>
                            <List.Item  arrow="horizontal">
                                <Badge text={0} style={{ marginLeft: 12 }}>大学生狂买组合的原因</Badge>
                                <Badge text={'热'} style={{ marginLeft: 12 }} />
                            </List.Item>
                            <List.Item  arrow="horizontal">
                                <Badge text={0} style={{ marginLeft: 12 }}>今年夏天买买买组合</Badge>
                                <Badge text={'炸'} style={{ marginLeft: 12 }} />
                            </List.Item>
                        </div>
                    </Card.Body>

                </Card>



            </div>
        );
    }
}

